<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>爱宠纪念</title>
    <style>
        body { background: #f8f9fa; text-align: center; }
        video { width: 90%; max-width: 500px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
        h1 { color: #5a3e36; font-family: sans-serif; }
    </style>
</head>
<body>
    <h1>🐾 Purr land 呼噜岛 🐾</h1>
    <video autoplay muted playsinline controls>
        <source src="./video/pp.mp4" type="video/mp4"> <!-- 修改此处为你的视频文件名 -->
    </video>
    <script>
        // 视频结束后显示纪念语
        document.querySelector('video').onended = function() {
            document.body.innerHTML += '<p style="font-size:1.2em;color:#7d5d48;">WHEN THE PURRING RESOUND,LOVE NEVER STOP.</p>';
        };
    </script>
</body>
</html>
